<template>
    <header>
			<div id="head">
				<div class="page-head">
					<!-- 判断是否登录成功 -->
					<div class="userInfo" style="display: block;">
						<div class="wrap xf-clearfix">
							<div class="left">
								<span class="basicTag hint v-param=" >下午好</span>
								<span class="basicTag user-sp v-param=" >用户名</span>
								<span class="basicTag hint right-line">欢迎来到金帝期货</span>
								<a class="basicTag hint" href="">安全退出</a>
							</div>
							<div class="right">
								<a class="basicTag hint ico right-line" href=""><span class="table"><span class="tableCell"><span class="icon icon-voice"></span></span>
									</span>平台公告</a>
								<a class="basicTag hint ico right-line" href=""><span class="table"><span class="tableCell"><span class="icon icon-user"></span></span>
									</span>我的账户</a>
								<span class="basicTag hint ico"><span class="table"><span class="tableCell"><span class="icon icon-price"></span></span>
								</span> 余额：<span class="user-sp">0</span></span>
								<a class="basicTag btn-pay" href="">充值</a>
								<a class="basicTag btn-pay" href="">提款</a>
								<a class="basicTag hint ico left-line live-chat"><span class="table"><span class="tableCell"><span class="icon icon-server"></span></span>
									</span>客服</a>
							</div>
						</div>
					</div>
          <!-- 头部菜单 -->
				<div class="nav">
					<div class="wrap xf-clearfix">
						<div class="logo">
							<a href="index.html"><img src="~assets/images/public/logo.png" /></a>
						</div>
						<ul class="toolBar">
							<li>
								<a href="index.html" class="selected">首页</a>
							</li>
							<li>
								<a href="webView/mockTrading.html" class="tradeType ">模拟操盘</a>
								<div class="board real1">
									<table class="tab">
										<tbody>
											<tr>
												<td>
													<div class="active">
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-international"></div>
															</div>
														</div>
														国际期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-domestic"></div>
															</div>
														</div>
														国内期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-stock"></div>
															</div>
														</div>
														股指期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-digital"></div>
															</div>
														</div>
														数字货币
													</div>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="body">
										<ul class="grid sim-foreign">
											<li>
												<a href="" class="ele">
													<div class="name">美原油</div>
													<div class="detail rise"> <span class="price">74.76</span><br> <span class="rate">1.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美黄金</div>
													<div class="detail fall"> <span class="price">1240.8</span><br> <span class="rate">-0.07%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美白银</div>
													<div class="detail rise"> <span class="price">15.885</span><br> <span class="rate">0.32%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美铜</div>
													<div class="detail rise"> <span class="price">2.9480</span><br> <span class="rate">0.14%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide sim-domestic">
											<li>
												<a href="" class="ele">
													<div class="name">天然橡胶</div>
													<div class="detail rise"> <span class="price">10525</span><br> <span class="rate">0.19%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">螺纹钢</div>
													<div class="detail fall"> <span class="price">3743</span><br> <span class="rate">-0.91%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪镍</div>
													<div class="detail fall"> <span class="price">115840</span><br> <span class="rate">-0.6%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪铜</div>
													<div class="detail rise"> <span class="price">51540</span><br> <span class="rate">0.39%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪银</div>
													<div class="detail fall"> <span class="price">3738</span><br> <span class="rate">-0.19%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪金</div>
													<div class="detail rise"> <span class="price">272.15</span><br> <span class="rate">0.13%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">热卷</div>
													<div class="detail fall"> <span class="price">3852</span><br> <span class="rate">-0.88%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">锰硅</div>
													<div class="detail fall"> <span class="price">7940</span><br> <span class="rate">-1.96%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">白糖</div>
													<div class="detail fall"> <span class="price">5041</span><br> <span class="rate">-0.61%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">PP聚丙烯</div>
													<div class="detail rise"> <span class="price">9260</span><br> <span class="rate">0.12%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">原油期货</div>
													<div class="detail rise"> <span class="price">504.2</span><br> <span class="rate">0.32%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide sim-stock">
											<li>
												<a href="" class="ele">
													<div class="name">沪深300</div>
													<div class="detail fall"> <span class="price">3349.4</span><br> <span class="rate">-0.06%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">上证50</div>
													<div class="detail fall"> <span class="price">2352.2</span><br> <span class="rate">-0.06%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">中证500</div>
													<div class="detail rise"> <span class="price">5122.2</span><br> <span class="rate">0.96%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">恒指</div>
													<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小恒指</div>
													<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">富时A50</div>
													<div class="detail rise"> <span class="price">10972.5</span><br> <span class="rate">0.78%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">德指</div>
													<div class="detail rest"> <span class="price">12287.5</span><br> <span class="rate">休市</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小德指</div>
													<div class="detail rest"> <span class="price">12282.0</span><br> <span class="rate">休市</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小道指</div>
													<div class="detail rise"> <span class="price">24299</span><br> <span class="rate">0.05%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小纳指</div>
													<div class="detail rise"> <span class="price">7123.00</span><br> <span class="rate">0.09%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">日经指数</div>
													<div class="detail rise"> <span class="price">21755</span><br> <span class="rate">0.14%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide sim-digital">
											<li>
												<a href="" class="ele">
													<div class="name">以太经典</div>
													<div class="detail rise"> <span class="price">16.84</span><br> <span class="rate">0.48%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">柚子币</div>
													<div class="detail rise"> <span class="price">9.200</span><br> <span class="rate">2.92%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">莱特币</div>
													<div class="detail rise"> <span class="price">88.61</span><br> <span class="rate">3.2%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">以太坊</div>
													<div class="detail rise"> <span class="price">480.0</span><br> <span class="rate">1.16%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">比特币现金</div>
													<div class="detail rise"> <span class="price">814.2</span><br> <span class="rate">3.79%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">比特币</div>
													<div class="detail rise"> <span class="price">6631</span><br> <span class="rate">0.05%</span> </div>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li>
								<a href="webView/firmBargain .html" class="tradeType ">实盘交易</a>
								<div class="board real">
									<table class="tab">
										<tbody>
											<tr>
												<td>
													<div class="active">
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-international"></div>
															</div>
														</div>
														国际期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-domestic"></div>
															</div>
														</div>
														国内期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-stock"></div>
															</div>
														</div>
														股指期货
													</div>
												</td>
												<td>
													<div>
														<div class="table">
															<div class="tableCell">
																<div class="icon icon-digital"></div>
															</div>
														</div>
														数字货币
													</div>
												</td>
											</tr>
										</tbody>
									</table>
									<div class="body">
										<ul class="grid real-foreign">
											<li>
												<a href="" class="ele">
													<div class="name">美原油</div>
													<div class="detail rise"> <span class="price">74.76</span><br> <span class="rate">1.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美黄金</div>
													<div class="detail fall"> <span class="price">1240.8</span><br> <span class="rate">-0.07%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美白银</div>
													<div class="detail rise"> <span class="price">15.885</span><br> <span class="rate">0.32%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">美铜</div>
													<div class="detail rise"> <span class="price">2.9480</span><br> <span class="rate">0.14%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide real-domestic">
											<li>
												<a href="" class="ele">
													<div class="name">天然橡胶</div>
													<div class="detail rise"> <span class="price">10525</span><br> <span class="rate">0.19%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">螺纹钢</div>
													<div class="detail fall"> <span class="price">3743</span><br> <span class="rate">-0.91%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪镍</div>
													<div class="detail fall"> <span class="price">115840</span><br> <span class="rate">-0.6%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪铜</div>
													<div class="detail rise"> <span class="price">51540</span><br> <span class="rate">0.39%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪银</div>
													<div class="detail fall"> <span class="price">3738</span><br> <span class="rate">-0.19%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">沪金</div>
													<div class="detail rise"> <span class="price">272.15</span><br> <span class="rate">0.13%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">热卷</div>
													<div class="detail fall"> <span class="price">3852</span><br> <span class="rate">-0.88%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">锰硅</div>
													<div class="detail fall"> <span class="price">7940</span><br> <span class="rate">-1.96%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">白糖</div>
													<div class="detail fall"> <span class="price">5041</span><br> <span class="rate">-0.61%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">PP聚丙烯</div>
													<div class="detail rise"> <span class="price">9260</span><br> <span class="rate">0.12%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">原油期货</div>
													<div class="detail rise"> <span class="price">504.2</span><br> <span class="rate">0.32%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide real-stock">
											<li>
												<a href="" class="ele">
													<div class="name">沪深300</div>
													<div class="detail fall"> <span class="price">3349.4</span><br> <span class="rate">-0.06%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">上证50</div>
													<div class="detail fall"> <span class="price">2352.2</span><br> <span class="rate">-0.06%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">中证500</div>
													<div class="detail rise"> <span class="price">5122.2</span><br> <span class="rate">0.96%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">恒指</div>
													<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小恒指</div>
													<div class="detail fall"> <span class="price">28132</span><br> <span class="rate">-2.11%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">富时A50</div>
													<div class="detail rise"> <span class="price">10972.5</span><br> <span class="rate">0.78%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">德指</div>
													<div class="detail rest"> <span class="price">12287.5</span><br> <span class="rate">休市</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小德指</div>
													<div class="detail rest"> <span class="price">12282.0</span><br> <span class="rate">休市</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小道指</div>
													<div class="detail rise"> <span class="price">24299</span><br> <span class="rate">0.05%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">小纳指</div>
													<div class="detail rise"> <span class="price">7123.00</span><br> <span class="rate">0.09%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">日经指数</div>
													<div class="detail rise"> <span class="price">21755</span><br> <span class="rate">0.14%</span> </div>
												</a>
											</li>
										</ul>
										<ul class="grid hide real-digital">
											<li>
												<a href="" class="ele">
													<div class="name">以太经典</div>
													<div class="detail rise"> <span class="price">16.84</span><br> <span class="rate">0.48%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">柚子币</div>
													<div class="detail rise"> <span class="price">9.200</span><br> <span class="rate">2.92%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">莱特币</div>
													<div class="detail rise"> <span class="price">88.61</span><br> <span class="rate">3.2%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">以太坊</div>
													<div class="detail rise"> <span class="price">480.0</span><br> <span class="rate">1.16%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">比特币现金</div>
													<div class="detail rise"> <span class="price">814.2</span><br> <span class="rate">3.79%</span> </div>
												</a>
											</li>
											<li>
												<a href="" class="ele">
													<div class="name">比特币</div>
													<div class="detail rise"> <span class="price">6631</span><br> <span class="rate">0.05%</span> </div>
												</a>
											</li>
										</ul>
									</div>
								</div>
							</li>
							<li>
								<a href="webView/information.html">财经资讯</a>
							</li>
							<!--<li>
								<a href="">财经日历</a>
							</li>-->
							<li>
								<a href="webView/specialOffer.html">优惠活动</a>
							</li>
							<li>
								<a href="webView/futuresLive.html">期货直播</a>
							</li>
							<li>
								<a href="webView/download.html">下载中心</a>
							</li>
						</ul>
					</div>
				</div>

				</div>
			</div>
		</header>
</template>

<script>
import store from "src/store/index";
import { sharefacebook, alertDialogCommpent } from "src/config/util";
export default {
  data() {
    return {};
  },
  props: ["headData"],
  components: {},
  methods: {},
  mounted: function() {
    var vm = this;
  },
  computed: {}
};
</script>
<style lang="less" scope>
@import url("~assets/less/_mixins.less");
</style>